<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <title>湘科院编程协会</title>
  <link rel="stylesheet" th:href="@{/css/layui.css}">
  <link rel="stylesheet" th:href="@{/css/index.css}">

  <link rel="stylesheet" th:href="@{/css/style1.css}" type="text/css" media="all"/>

</head>
<body>
  <!-- nav部分 -->
  <div class="nav index">
    <div class="layui-container">
      <!-- logo -->
      <div class="nav-logo">
        <a href="index">
          <img th:src="@{/img/logo.png}" width="200px" height="80px" alt="欢迎来到湘科院编程协会！">
        </a>
      </div>
      <div class="nav-list">
        <button>
          <span></span><span></span><span></span>
        </button>
        <ul class="layui-nav" lay-filter="">
          <li class="layui-nav-item layui-this"><a href="/index">首页</a></li>
          <li class="layui-nav-item"><a href="/gaikuang">协会概况</a></li>
          <li class="layui-nav-item"><a href="/dongtai">协会动态</a></li>
          <li class="layui-nav-item"><a href="/wangjie">往届风采</a></li>
          <li class="layui-nav-item"><a href="/xuexi">交流学习</a></li>
          <li class="layui-nav-item"><a href="/shiguang">我们的时光</a></li>
          <li class="layui-nav-item"><a href="/jiaru">加入我们</a></li>

        </ul>
      </div>
    </div>
  </div>
  <!-- banner部分 -->
  <div>
    <div class="layui-carousel" id="banner">
      <div carousel-item>
        <div>
          <img th:src="@{/img/banner1.jpg}">
          <div class="panel">
            <p class="title">Welcome</p>
            <p>湘科院编程协会</p>
          </div>
        </div>
        <div>
          <img th:src="@{/img/banner2.jpg}">
        </div>
      </div>
    </div>

    <!-- body部分 -->
  <div>
    <br>
    <!-- index1-div1 -->
    <div id="index1-div1" class="clearfix">
      <div class="index1-left675">
        <div class="title-box">中心简介<a href="detail1.html" class="title-more" title="查看更多"><img th:src="@{/img/12.gif}"></a></div>
        <p><img th:src="@{/img/p-img.jpg}" align="left">深圳大学1983年经国家教育部批准设立。中央、教育部和地方高度重视特区大学建设。北大援建中文、外语类学科，清华援建电子、建筑类学科，人大援建经济、法律类学科，一大批知名学者云集深圳大学。建校伊始，学校在高校管理体制,北大援建中文、外语类学科，清华援建电子、建筑类学科，人大援建经济北大援建中文、外语类学科，建筑类学科，人大援建经济北大援建中文、外语类学科，清华援建电子...<a href="detail1.html">查看更多...</a></p>
      </div>
      <div class="index1-right300">
        <div class="title-box">通知公告<a href="list-text1.html" class="title-more" title="查看更多"><img th:src="@{/img/12.gif}"></a></div>
        <ul>
          <li><a href="detail1.html">通知公告通知公告通知公告通知公告通知公告通知公告通知公告通知公告</a><span>2017-02-23</span></li>
          <li><a href="detail1.html">通知公告通知公告通知公告通知公告通知公告通知公告通知公告通知公告</a><span>2017-02-23</span></li>
          <li><a href="detail1.html">通知公告通知公告通知公告通知公告通知公告通知公告通知公告通知公告</a><span>2017-02-23</span></li>
          <li><a href="detail1.html">通知公告通知公告通知公告通知公告通知公告通知公告通知公告通知公告</a><span>2017-02-23</span></li>
        </ul>
      </div>
    </div>
    <!-- index1-div2 -->
    <div id="index1-div2" class="clearfix">
      <div class="index1-left675">
        <div class="index1-li-box">
          <div class="index1-left330">
            <div class="title-box">中心动态<a href="list-text1.html" class="title-more" title="查看更多"><img th:src="@{/img/12.gif}"></a></div>
            <img th:src="@{/img/c1.jpg}" style="width:330px; height:140px; margin:5px 0;">
            <ul>
              <li><a href="detail1.html">中心动态中心动态中心动态中心动态中心动态中心动态中心动态中心动态</a><span>2017-02-23</span></li>
              <li><a href="detail1.html">中心动态中心动态中心动态中心动态中心动态中心动态中心动态中心动态</a><span>2017-02-23</span></li>
              <li><a href="detail1.html">中心动态中心动态中心动态中心动态中心动态中心动态中心动态中心动态</a><span>2017-02-23</span></li>
              <li><a href="detail1.html">中心动态中心动态中心动态中心动态中心动态中心动态中心动态中心动态</a><span>2017-02-23</span></li>
              <li><a href="detail1.html">中心动态中心动态中心动态中心动态中心动态中心动态中心动态中心动态</a><span>2017-02-23</span></li>
            </ul>
          </div>
          <div class="index1-right330">
            <div class="title-box">创新成果<a href="list-text1.html" class="title-more" title="查看更多"><img th:src="@{/img/12.gif}"></a></div>
            <img th:src="@{/img/c2.jpg}" style="width:330px; height:140px; margin:5px 0;">
            <ul>
              <li><a href="detail1.html">创新成果创新成果创新成果创新成果创新成果创新成果创新成果创新成果</a><span>2017-02-23</span></li>
              <li><a href="detail1.html">创新成果创新成果创新成果创新成果创新成果创新成果创新成果创新成果</a><span>2017-02-23</span></li>
              <li><a href="detail1.html">创新成果创新成果创新成果创新成果创新成果创新成果创新成果创新成果</a><span>2017-02-23</span></li>
              <li><a href="detail1.html">创新成果创新成果创新成果创新成果创新成果创新成果创新成果创新成果</a><span>2017-02-23</span></li>
              <li><a href="detail1.html">创新成果创新成果创新成果创新成果创新成果创新成果创新成果创新成果</a><span>2017-02-23</span></li>
            </ul>
          </div>
        </div>
        <!-- slider -->
        <div class="index1-pic-gun">
          <div class="title-box">设备资源<a href="list-pic1.html" class="title-more" title="查看更多"><img th:src="@{/img/12.gif}"></a></div>
          <div class="index1-scrollleft clearfix">
            <ul>
              <li>
                <a href="detail1.html"><img alt="霍尔效应" th:src="@{/img/a2.jpg}"/></a>
                <span>霍尔效应</span>
              </li>
              <li>
                <a href="detail1.html"><img alt="声速测量" th:src="@{/img/a2.jpg}"/></a>
                <span>声速测量</span>
              </li>
              <li>
                <a href="detail1.html"><img alt="交流电梯" th:src="@{/img/a2.jpg}"/></a>
                <span>交流电梯</span>
              </li>
              <li>
                <a href="detail1.html"><img alt="声速测量" th:src="@{/img/a2.jpg}"/></a>
                <span>声速测量</span>
              </li>
            </ul>
          </div>
        </div>
        <!-- slider end -->
      </div>
      <div class="index1-right300">
        <div class="index1-login-box">
          <div class="title-box">会员登录</div>
          <form id="form1" name="form1" method="post">
            <input type="text" name="textfield2" id="textfield2" placeholder="用户名" class="index1-uname">
            <input type="password" name="password" id="password" placeholder="密码" class="index1-upass">
            <div class="index1-t-link">
              <input type="checkbox" name="checkbox" id="checkbox" class="index1-chek">记住密码
              <a href="forgetpass.html" target="_blank">忘记密码？</a>
            </div>
            <input type="submit" name="submit" id="submit" value="登录" class="index1-input-login">
            <input type="button" name="button" id="button" value="注册" class="index1-input-but" onClick="window.open('register.html')">
          </form>
        </div>
        <div class="index1-list-menu">
          <div class="title-box">网络课程</div>
          <ul>
            <li><a href="detail1.html">基础类实验</a></li>
            <li><a href="detail1.html">设计类实验</a></li>
            <li><a href="detail1.html">综合类实验</a></li>
            <li><a href="detail1.html">研究类实验</a></li>
            <li><a href="detail1.html">其它类实验</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- div5 -->
    <div id="div5" class="clearfix">
      <div class="link-box">
        <span>友情链接：</span>
        <select onChange="frlink(this)" name="select" class="select-link">
          <option selected>--- 教育类网站 ---</option>
          <option value="http://www.veryhuo.com">烈火网</option>
          <option value="http://www.sina.com.cn">新浪网</option>
          <option value="http://www.163.com">网易</option>
        </select>
        <select onChange="frlink(this)" name="select" class="select-link">
          <option selected>--- 政府类网站 ---</option>
          <option value="http://www.china.com">中华网</option>
          <option value="http://www.sina.com.cn">新浪网</option>
          <option value="http://www.163.com">网易</option>
        </select>
        <select onChange="frlink(this)" name="select" class="select-link">
          <option selected>--- 校园类网站 ---</option>
          <option value="http://www.veryhuo.com">烈火网</option>
          <option value="http://www.sina.com.cn">新浪网</option>
          <option value="http://www.163.com">网易</option>
        </select>
        <select onChange="frlink(this)" name="select" class="select-link">
          <option selected>--- 其它类网站 ---</option>
          <option value="http://www.veryhuo.com">烈火网</option>
          <option value="http://www.sina.com.cn">新浪网</option>
          <option value="http://www.163.com">网易</option>
        </select>
      </div>
    </div>
    <div id="div6">Copyright &copy; 2016 物理与核工程虚拟仿真教学中心 All rights reserved.</div>
  </div>

  </div>
  <!-- footer部分 -->
  <div class="footer">
    <div class="layui-container">
      <p class="footer-web">
        <a href="http://www.ccyl.org.cn/">共青团中央</a>
        <a href="http://www.ccyl.org.cn/organs/institution/xxb/">团中央学校部</a>
        <a href="http://www.gdcyl.org/Index.html">广东共青团</a>
        <a href="http://www.gdcyl.org/xxb/">广东学联</a>
        <a href="http://www.qygqt.org/">清远共青团</a>
        <a href="http://www.qypt.com.cn/">清远职业技术学院</a>
      </p>
      <div class="layui-row footer-contact">
        <div class="layui-col-sm2 layui-col-lg1"><img th:src="@{img/erweima.png}"></div>
        <div class="layui-col-sm10 layui-col-lg11">
          <div class="layui-row">
            <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
              <p class="contact-top">本站部分文章、资源来自互联网，版权归原作者及网站所有</p>
              <p class="contact-bottom">如果侵犯了您的权利，请及时致信告知我站</p>
            </div>
            <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
              <p class="contact-top"><span class="right">广东省清远市清城区蟠龙园</span></p>
              <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2018-2020 17移动1班吴坤周</span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<script src="js/layui.js"></script>
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: '/js/'
  }).use('firm');
</script>
</body>
</html>